/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

# Header
    ## Menus
    ## sticky
# Content
    ## 5p2p VC Media Display

--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.main-navigation a
{
	font-size: 1.4rem;
	font-weight: bold;

	text-transform: uppercase;

	color: #4a6776;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link
{
	color: #ea614b;
}

@media screen and (max-width: 600px)
{
	#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1:after
	{
		color: #ea614b!important;
	}
	.main-navigation
	{
		width: 100%;
		margin-bottom: 5px;
	}
	.site-header
	{
		min-height: 210px;
	}
	.main-navigation .mega-menu-wrap
	{
		position: absolute!important;
		top: 190px!important;
		right: 0!important;
		left: 0!important;
	}
	.nav-is-sticky .main-navigation .mega-menu-wrap
	{
		top: 135px!important;
	}
	.nav-is-sticky #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block
	{
		margin-top: -45px;
	}
	#mega-menu-wrap-menu-1 .mega-menu-toggle
	{
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}
	#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block
	{
		margin-right: 6px;
	}
	#mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open + #mega-menu-menu-1
	{
		z-index: 999;

		margin: 0!important;
		padding: 0;
	}
	.nav-is-sticky #mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open + #mega-menu-menu-1
	{
		top: -34px;
	}
	.nav-is-sticky .main-navigation
	{
		width: 100%;
		margin-top: -50px;
	}
}


/*--------------------------------------------------------------
## Sticky
--------------------------------------------------------------*/

.nav-is-sticky .topmenu--wrapper
{
	max-width: none;
	margin: 0;
}

.nav-is-sticky .topmenu__item
{
	top: 0;
}

.nav-is-sticky .site-header
{
	min-height: auto;
}


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Global
--------------------------------------------------------------*/

h2,
h2-like
{
	font-family: 'Inknut Antiqua', Georgia, Serif;
	font-size: 3.5rem;
	font-weight: 300;
	line-height: 1.66;

	color: #4a6776;
}

.home h2,
.home h2-like{
	margin-top: 0;
}

h3,
h3-like
{
	font-family: 'Open Sans', arial, sans-serif;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.66;

	letter-spacing: 1px;

	color: #fff;
}


/* h4,
h4-like
{
    font-family: 'Inknut Antiqua', Georgia, Serif;
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.66;

    color: #4a6776;
}

h5,
h5-like
{
    font-family: 'Inknut Antiqua', Georgia, Serif;
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.66;

    color: #4a6776;
}

h6,
h6-like
{
    font-family: 'Inknut Antiqua', Georgia, Serif;
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.66;

    color: #4a6776;
} */


/*--------------------------------------------------------------
## 5p2p VC Media Display
--------------------------------------------------------------*/

.p2p5-vc-media-display > div + div
{
	padding-bottom: 1em;
}

.p2p5-vc-media-display > div + div h3
{
	font-family: 'Inknut Antiqua', Georgia, Serif;
	font-size: 3.5rem;
	font-weight: 300;
	line-height: 1.25;

	margin: 1em 35px;

	text-transform: none;

	color: #fff;
}

.p2p5-vc-media-display blockquote
{
	margin: 0;
}

.p2p5-vc-media-display blockquote p
{
	font-style: italic;

	margin: 1em 35px;
}

.menu-notre-charisme-container ul
{
	line-height: 1.7em;

	margin: 0 0 0 35px;
	padding: 0;

	list-style: none;
}

.menu-notre-charisme-container li
{
	display: block;

	width: 100%;
}

.menu-notre-charisme-container li a
{
	font-size: 1.6rem;
	font-weight: bold;

	position: relative;

	display: block;

	width: 100%;

	text-decoration: none;
	letter-spacing: 1px;
	text-transform: uppercase;

	color: #fff;
}


/* hover for all */

.menu-notre-charisme-container li a:hover,
.menu-notre-charisme-container li a:focus,
.menu-notre-charisme-container li a:active
{
	text-decoration: underline;
}

.menu-notre-charisme-container li a:hover::after,
.menu-notre-charisme-container li a:focus::after,
.menu-notre-charisme-container li a:active::after
{
	font-family: serif;
	font-size: 4.5rem;
	font-weight: 100;

	position: absolute;
	right: 35px;

	content: '+';
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.footer-wrapper
{
	overflow: hidden;

	max-width: 960px;
	margin: 45px auto;
}

.footer-left,
.menu-footer-container
{
	float: left;

	width: 50%;
}

.footer-left
{
	border-right: 1px solid #fff;
}

.footer-left img:first-child
{
	float: left;

	width: 45px;
}

.footer-text
{
	font-size: 1.4rem;
	font-style: italic;
	line-height: 1.5em;

	float: right;

	width: calc(100% - 90px);
	padding-right: 70px;

	color: #fff;
}

.site-info,
.site-info a,
.site-info a:hover,
.site-info a:focus,
.site-info a:active
{
	font-size: 1.2rem;

	color: #b3cdda;
}

.site-info a
{
	text-decoration: none;
}

.site-info a:hover,
.site-info a:focus,
.site-info a:active
{
	text-decoration: underline;
}

.site-info::before
{
	display: block;
	clear: both;

	content: '';
}

.menu-footer-container li a
{
	position: relative;
}

.menu-footer-container a i
{
	position: absolute;
	top: 3px;
	left: -30px;

	text-align: center;
}

.menu-footer-container a i::before
{
	font-size: 14px;
}

.menu-footer-container a i.icon-revueLettre::before
{
	font-size: 20px;
}

.menu-footer-container a i.icon-mail-envelope-closed
{
	top: -1px;
	left: -32px;
}

.menu-footer-container a i.icon-revueLettre
{
	top: -2px;
	left: -28px;
}

.site-info > span:first-child
{
	display: block;
}

.menu-footer-container > ul
{
	position: relative;

	margin-left: 1.2em;
}

.menu-footer-container > ul li
{
	list-style: none;
}


/* Firefox Columns correction */

.menu-footer-container > ul > li
{
	display: inline-block;

	min-width: 200px;
}

.menu-footer-container > ul li a
{
	font-size: 1.2rem;
	font-weight: bold;

	text-decoration: none;
	text-transform: uppercase;

	color: #fff;
}

.menu-footer-container > ul li a:hover,
.menu-footer-container > ul li a:focus,
.menu-footer-container > ul li a:active
{
	text-decoration: underline;
}

.menu-footer-container > ul li a[href='#']
{
	position: absolute!important;
	z-index: -1!important;

	display: block;

	white-space: nowrap!important;
	text-indent: 100%!important;

	outline: 0!important;
	background-size: contain!important;
}

.menu-footer-container > ul li li a
{
	float: left;

	text-transform: none;
}

.menu-footer-container > ul li ul
{
	left: 0;

	margin: .3em 0 0 -2.5em;
}

.menu-footer-container > ul li a i::before,
.menu-footer-container > ul li a::before
{
	width: 20px;
	margin: 0 auto;

	text-align: center;
}

.menu-footer-container > ul li ul li:first-child a::before
{
	font-family: 'stjean';
	font-size: 16px;

	position: absolute;
	top: -2px;
	left: -32px;

	content: '\e907';
}

.menu-footer-container > ul .icon-mail-envelope-closed::before
{
	font-size: 20px;

	vertical-align: -4px;
}

.menu-footer-container > ul li ul li:nth-child(2) a::before,
.menu-footer-container > ul li ul li:nth-child(2) a::after
{
	width: 1px;
	height: 4px;
	margin: 0 .5em;

	content: '';

	border-left: 1px solid #fff;
}


/**
INTENTION DE PRIERES
 */

div#gform_wrapper_2
{
	padding: 10px 20px;

	background: #e7eded;
}

input#gform_submit_button_2
{
	font-family: sans-serif !important;
	font-size: 1.6rem;
	font-weight: 500;

	display: inline-block;

	text-decoration: none;
	text-transform: uppercase;

	color: #fff;
	background-color: #4a6776;
}

.submit_button_2
{
	display: inline-block;

	margin: 1.5em auto 1em auto;
	padding: .75em 2em;

	color: white;
	border: none;
	background: #4a6776;
}

input[type=submit]#gform_submit_button_2
{
	padding: 0 0 0 .3em;

	border: none;
}

#gform_wrapper_2 label
{
	font-size: 0;

	overflow: hidden;

	white-space: nowrap;
	text-indent: 100%;

	opacity: 0;
}

#gform_wrapper_2 h3
{
	font-family: 'Inknut Antiqua', Georgia, Serif;
	font-size: 3.5rem;
	font-weight: 300;
	line-height: 1.25;

	text-transform: none;

	color: #416876;
}

div#gform_wrapper_2
{
	margin-top: 0;
}

#gform_2 li
{
	margin-top: 0;
}

#gform_2 li .ginput_container
{
	margin-top: 0;
}

.gform_footer.top_label
{
	text-align: center;
}


/**
Footer text
 */

.footer-right
{
	float: left;

	width: 50%;
}

.footer-address
{
	font-size: .9em;

	float: left;

	width: 50%;
	padding-left: 4px;
}

@media screen and (max-width: 425px)
{
	.footer-left
	{
		float: none;

		width: 100%;
		padding: .5em;

		border-right: none;
		border-bottom: 1px solid #fff;
	}
	.menu-footer-container
	{
		float: none;

		width: 100%;
		margin-top: 10px;
	}
	.menu-footer-container > ul
	{
		-webkit-columns: inherit;
		columns: inherit;
	}
	li#menu-item-341
	{
		margin-bottom: 20px;
	}
}

/* ticket 648 */
@media screen and (max-width: 600px)
{
	.nav-is-sticky #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1:after,
	.nav-is-sticky #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block::before
	{
		font-size: 51px !important;

		position: relative;
		top: -48px;

		color: #648090 !important;
	}
}

/* Ticket 699 */
.nav-is-sticky .main-navigation
{
	margin: 50px auto 0;
}

.site-branding
{
	width: auto;
	margin-top: 50px;
}

.nav-is-sticky #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu
{
	/*    left: -766px !important;
	width: 351%;*/
	left: -155px !important;

	width: -webkit-max-content;
	width:    -moz-max-content;
	width:         max-content;
}

.nav-is-sticky #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-6
{
	width: auto;
	max-width: 0 20px;
}

@media only screen and (min-width: 1600px)
{
	.mega-menu-wrap > ul.mega-menu > li > ul.mega-sub-menu
	{
		padding: 0 0 0 5% !important;
	}
}
admin
.search_form
{
	margin-bottom: 0;
}

.search_form table
{
	margin: 0;
}

.cse .gsc-control-cse,
.gsc-control-cse
{
	padding: 1em 1em 0 1em !important;
}

.p2p5-unique-mission.fsj-form1 .readmore a::after
{
	font-size: 3.5rem;

	top: -3px;
	right: -27px;
}

.p2p5-auto-post-actu h3,
.p2p5-unique-mission.fsj-form1 .readmore a
{
	font-family: 'Inknut Antiqua', Georgia,Serif;

	text-transform: none;
}
.p2p5-unique-mission.fsj-form1 .readmore a
{
	font-size: 1.8rem;
}
.p2p5-unique-mission.fsj-form1 .readmore a::after
{
	top: 3px;
}
.p2p5-unique-mission .readmore svg
{
	width: 36px;
	height: 15px;

	vertical-align: -3px;
}

@media screen and (max-width: 600px)
{
	/*
		Header : Search > hauteur header
	*/
	body .cse .gsc-control-cse,
	body .gsc-control-cse
	{
		padding: 1em 1em 0 1em;
	}
	.search_form .gsc-input-box table
	{
		margin: 0!important;
	}

	.site-header
	{
		min-height: 148px;
	}

	/*
		Header : Search > plus à gauche et récupère l'espace pour éviter décalage entre 400px et 600px
	*/
	body img.search-toggle
	{
		left: 17px!important;
	}
	div#wgs_widget_wrapper_id
	{
		left: 23px!important;

		max-width: 110px !important;
	}
	body.nav-is-sticky img.search-toggle
	{
		left: 17px!important;
	}
	.nav-is-sticky div#wgs_widget_wrapper_id
	{
		left: 23px!important;
	}
	.search_form
	{
		display: block;
		float: none;

		width: 100%;
	}
	.gsib_b
	{
		display: none!important;
	}

	/*
		Header : Burger Menu
	*/
	.site-branding
	{
		margin-top: 0;
	}

	.main-navigation
	{
		margin: 0 auto 0;
	}
	#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block
	{
		margin-top: -83px;
	}
	#mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open + #mega-menu-menu-1
	{
		margin-top: -82px!important;
	}

	.nav-is-sticky .site-branding
	{
		margin-top: 5px!important;
	}
	.nav-is-sticky #mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open + #mega-menu-menu-1
	{
		top: 21px;
	}
	.nav-is-sticky #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1:after
	{
		top: -25px;

		color: #ea614b!important;
	}

	#search_form
	{
		top: -30px;
	}

	.site-branding
	{
		text-align: left;
	}

	#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block
	{
		margin-top: -180px;
	}
}